<template>
    <div>
      <state-title type='title' title='默认标题'></state-title>
      <state-title type='concise' title='春风十里'></state-title>
      <state-title type='addContent' :even-more='more'></state-title>
      <state-title type='more' :even-more='more1'></state-title>
      <state-title type='icon' :more-src="icon" :even-more='more2'></state-title>
    </div>
</template>
<script>
    import Vue from 'vue';
    import List from '../components/List.vue'
    import stateTitle from '../components/stateTitle.vue'

    export default {
        data() {
          return{
            icon:'../../static/images/eg.png',
          }
        },
      components:{stateTitle},
        ready() {

        },
      methods:{
        more(){
          alert('addContent');
        },
        more1(){
          alert('more');
        },
        more2(){
          alert('icon');
        },
      }
    }
</script>
<style scoped>
.wrap {
  margin-bottom: 10px;
}
</style>
